$font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
	Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

// Site vars

$base-size: 24px; // 1.5rem aprox

// Color

$bg-color: #fff;
$docs-header-bg-color: #272833;
$footer-bg-color: #272833;

$brand-bg-dark: #272833;
$brand-bg-dark-lighter: #393a4a;
$brand-dark: #b3472d;
$brand-dark-lighter: #f1f2f5;
$brand-lighter: #a23820;

$brand-light: #f5f5f8;

$brand-light-secondary-text: #757575;
$brand-light-text: $brand-light;

$brand-primary: #b16d50 !default;
$brand-secondary: #30313f;

$brand-lighten: #fbf8f5;

$text-color: #000 !default;

// Sizes

$margin-top-body: $base-size * 4;

// Breakpoints

$screen-lg: 1320px;
$screen-md: 900px;
$screen-sm: 900px;
$screen-xs: 768px;

$grid-float-breakpoint: $screen-sm;
